<script setup>
const tableData = [
  {
    date: '第一阶段',
    name: 'Tom',
    state: '1',
    city: '70%',
    address: '8.33%',
    start: '2022.06',
    end: '2023.05',
    del:'删除'
  },
  {
    date: '第二阶段',
    name: 'Tom',
    state: '2',
    city: '15%',
    address: '4.17%',
    start: '2022.06',
    end: '2023.05',
    del:'删除'
  }]

const arraySpanMethod = ({
  columnIndex
}) => {
  if (columnIndex === 6) {
    return [1, 2]
  }
}


// const data = {
//   "code":0,
//   "data":{
//     "id":41651,
//     "name":"男裤",
//     "spec":[
//       {
//         "size":165,
//         "colors":[
//           {
//             "name":"绿色",
//             "total":1
//           },
//           {
//             "name":"黑色",
//             "total":2
//           }
//         ]
//       },
//       {
//         "size":170,
//         "colors":[
//           {
//             "name":"绿色",
//             "total":5
//           },
//           {
//             "name":"黑色",
//             "total":6
//           }
//         ]
//       },
//       {
//         "size":180,
//         "colors":[
//           {
//             "name":"绿色",
//             "total":4
//           },
//           {
//             "name":"黑色",
//             "total":8
//           }
//         ]
//       },
//     ]
//   }
// }

// const dataList = data.data.spec
// console.log(dataList);
</script>

<template>
  <view>

    <el-table :data="tableData" style="width: 100%;" :span-method="arraySpanMethod">
      <el-table-column prop="date" label="阶段" width="100" align="center"/>
      <el-table-column prop="name" label="阶段折旧年限" width="200" align="center"/>
      <el-table-column prop="city" label="年折旧率" width="200" align="center" />
      <el-table-column prop="address" label="月折旧率" width="200" align="center" />
      <el-table-column label="阶段折旧期间" width="150" align="center">
        <el-table-column prop="start" label="开始时间" width="120" align="center" />
        <el-table-column prop="end" label="结束时间" width="120" align="center" />
      </el-table-column>
      <el-table-column label="操作" width="80" align="center">
        <el-table-column prop="del" label="" width="80" align="center" />
      </el-table-column>
      <el-table-column label="" width="80" align="center">
        <el-table-column  label="" width="80" align="center" />
      </el-table-column>
    </el-table>
    <!-- <el-table :data="dataList">
      <el-table-column :prop="item.size" v-for="item in dataList" :key="item.size"/>
       -->
      <!-- <el-table-column prop="color"/>
      <el-table-column prop="150"/>
      <el-table-column prop="155"/>
      <el-table-column prop="160"/> -->
    <!-- </el-table> -->
  </view>
</template>

<style scoped></style>
